﻿<div class="input_console">
    <div class="modify_area" style="margin-top: 0;">
        <form class="form-horizontal" role="form">
            <div class="category_list">
                <ul class="nav nav-tabs nav-justified" ng-class="{'nav-stacked': vertical, 'nav-justified': justified}">
                    <li ng-class="{active: category.value == model.bgAudio.type}" class="category_item" ng-repeat="category in categoryList" ng-click="model.bgAudio.type = category.value;initUpload(model.bgAudio.type);">
                        <a> {{category.name}} </a>
                    </li>
                </ul>
            </div>
            <div ng-if="model.bgAudio.type == '1'" class="audio_area clearfix">
                <span class="control-label" style="padding-top:12px;padding-right:5px;">链接地址</span>
                <input class="" type="text" ng-model="model.type1" placeholder="请输入mp3文件链接" style="width:280px;height:35px;line-height:35px;border:1px solid #E7E7E7;border-radius:0px;padding-left:5px;font-size:12px;" />
            </div>
            <div ng-if="model.bgAudio.type == '2'" class="audio_area clearfix" style="height:auto;">
                <p class="upload-mp3-line">
                    <span class="btn-main" id="uploadMp3Button"><b>+</b>上传音乐</span><span class="upload_mp3_tip">上传音乐大小不超过2M，格式为mp3</span>
                </p>
                <p class="audiosize-tip">
                    如果音乐过大, <a class="btn-link" href="http://bbs.70c.com/forum.php?mod=viewthread&tid=17" target="_blank">请先压缩</a>
                </p>
                <ul class="audio-ul-list" id="ulmp32" style="height:78vh;">
                    <li path="{{myAudio.path}}" id="nb_musicurl" class="category_item" ng-repeat="myAudio in myAudios" ng-class="{activemp3: model.selectedMyAudio.path == myAudio.path}" ng-click="selectAudio(2,$event,myAudio)">
                        <span class="audio-name" path="{{myAudio.path}}"> {{myAudio.name}} </span>  <span data-hint="删除我的音乐" class="hint--left hint--rounded"><span class="fa fa-minus" ng-show="!myAudio._confirmDelete" ng-click="removeMyAudio($index, $event, myAudio)"></span>
                        <span class="fa fa-minus-circle" ng-show="myAudio._confirmDelete" ng-click="removeMyAudio($index, $event, myAudio)"></span></span> <span path="{{myAudio.path}}" class="audio-selected fa fa-check"></span>  
                        <span path="{{myAudio.path}}" class="audio-play fa fa-play" ng-click="playAudio(2,$event);"></span>
                    </li>
                </ul>
                <div ng-if="model.type2" class="hidden">
                    <audio id="audition2" ng-src="{{model.type2}}"></audio>
                </div>
            </div>
            <div ng-if="model.bgAudio.type == '3'" class="audio_area clearfix">
                <div class="nav2">
                    <ul class="nav2_list clearfix" id="navtype">
                        <li class="category_item" ng-click="changeCategory('all')" ng-class="{active: 'all' == categoryId}">最新</li>
                        <li ng-class="{active: categoryType.value == categoryId}" class="category_item" ng-repeat="categoryType in categoryTypeList" ng-click="changeCategory(categoryType.value);sysTagIndex = -1;">{{categoryType.name}}</li>
                    </ul>
                </div>
                <ul class="audio-ul-list" id="ulmp33" style="height:69vh;">
                    <li path="{{reservedAudio.path}}" class="category_item" ng-repeat="reservedAudio in reservedAudios" ng-class="{activemp3: model.selectedAudio == reservedAudio}" ng-click="selectAudio(3,$event,reservedAudio)">
                        <span class="audio-name" path="{{reservedAudio.path}}"> {{reservedAudio.name}} </span>  
                        <span data-hint="添加到我的音乐" class="hint--left hint--rounded">
                        <span class="fa fa-plus" ng-click="addToMyAudio($event, reservedAudio)"></span></span>
                        <span path="{{reservedAudio.path}}" class="audio-selected fa fa-check" ></span>
                        <span class="audio-play fa fa-play " path="{{reservedAudio.path}} " ng-click="playAudio(3,$event); "></span>
                    </li>
                </ul>
                <div ng-if="model.type3 " class="hidden ">
                    <audio id="audition3 " ng-src="{{model.type3}} " controls="controls "> </audio>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="modal-footer " style="display:none ">
    <a class="btn-main login " style="width: 88px; " ng-click="confirm() ">确定</a> 
    <a class="btn-grey0 cancel " style="width: 88px; " ng-click="cancel() ">取消</a>
</div>